www.gusucode.com > PHP展示型企业网站模板米拓整站源码 1.0PHP源码程序 > PHP展示型企业网站模板米拓整站源码 1.0/MetInfozs_v1.0/MetInfozs_v1.0/public/ui/mobile/css/metinfo.css

    body,h1,h2,ol,ul,li,p,input,dl,dt,dd,h4,h3,h5,h6 { margin:0; padding:0; border:0; }
ul,ol { list-style:none }
input[type="text"],input[type="search"] { -webkit-appearance:none; -webkit-tap-highlight-color:#fff; outline:0 }
body { color:#333; font-size:14px; background:#eee; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei",Tahoma,Verdana; }
a{ color:#8d8d8d; text-decoration:none }
.hidden { display:none }
.none{ display:none;}
.clear{ clear:both;}
.editor{ padding:15px 10px; line-height:1.8; word-wrap:break-word; }
.editor a{ color:#f00; text-decoration:none; }
.editor ul,.editor ol{ padding-left:28px;}
.editor ul li{ list-style-type:disc; margin-bottom:3px; }
.editor ol li{ list-style-type:decimal; margin-bottom:3px; }
.editor img{ max-width:300px;}
.editor .metvideobox{ text-align:center; margin:10px auto; }
.editor .video-js{ max-width:100%; }
/*分页*/
#flip{ text-align:center; height:50px; line-height:50px;}

/*新闻模块*/
#newslist li{ padding:0px 8px; border-bottom:1px solid #ccc; height:54px;}
#newslist li a{ display:-webkit-box;}
#newslist li h4{ font-weight:normal; color:#000; -webkit-box-flex:1; padding-top:12px;overflow:hidden;}
#newslist li p.t{ height:18px; line-height:18px; overflow:hidden;}
#newslist li p.time{ color:#999; height:18px; line-height:18px; font-size:12px;}
#newslist li span.more{ display:block; width:20px; height:54px; background:url(../images/listmore.png) no-repeat center; background-size:10px; }
#newslist li span.hot{ color:#f00; }

#shownews h1.title{ font-size:18px; text-align:center; line-height:1.5; border-bottom:1px solid #ccc; padding:10px 20px;}
#shownews h1.title p.hits{ font-size:12px; color:#999; font-weight:normal;}

/*产品模块*/
#productlist{ margin-left:5px; }
#productlist .poroduct_list li{ float:left; width:50%; }
#productlist .poroduct_list li a{ display:block; margin:5px; margin-left:0px; text-align:center; color:#333; }
#productlist .poroduct_list li img{ max-width:100%; }
#productlist .poroduct_list_2 dl{ border-bottom:1px solid #ccc; padding:20px 0px; display:-webkit-box;}
#productlist .poroduct_list_2 a{display:block;}
#productlist .poroduct_list_2 li:last-child dl{ border-bottom:none!important;}
#productlist .poroduct_list_2 dt{ font-size:0px; display:-webkit-box; max-width:80px; margin-left:5px;}
#productlist .poroduct_list_2 dt img{ max-width:80px; max-height:80px;}
#productlist .poroduct_list_2 dt.more{ width:40px; background:url(../images/listmore.png) no-repeat center; background-size:12px;}
#productlist .poroduct_list_2 dd{ margin-left:5px; -webkit-box-flex:1;}
#productlist .poroduct_list_2 dd h4{ font-weight:normal; color:#333; margin-bottom:5px;}
#productlist .poroduct_list_2 dd h4 .hot{ color:#f00;}
#productlist .poroduct_list_2 dd p.desc{ color:#999;}
#showproduct h1.title{ font-size:18px; font-weight:normal; padding:10px 10px 0px; line-height:1.2;}
#showproduct .pshow{ position:relative; width:100%; overflow:hidden; font-size:0px; text-align:center;}
#showproduct .pshow li img{ max-height:300px; width:100%; }
#showproduct .pshow li p{  text-align:left; min-height:7px; font-size:12px; }
#showproduct .paralist{ padding:0px 10px;}
#showproduct .paralist li{ display:-webkit-box; padding:8px 0px; border-bottom:1px solid #eee; }
#showproduct .paralist li a{ color:#08c; }
#showproduct .paralist li div.pn{ color:#999; }
#showproduct .paralist li div.pv{ -webkit-box-flex:1; }
#showproduct .paralist li:last-child{ border-bottom:none;}
#showproduct .desc{ margin:10px; padding:8px; background:#efefef;}

/*选项卡*/
.Tabtitle{ font-weight:normal; display:-webkit-box; background:#eee; border-bottom:1px solid #ccc; height:41px;}
.Tabtitle div.l{ -webkit-box-flex:1; height:40px; line-height:40px; background:#f5f5f5; text-align:center; border:1px solid #ccc; border-right:none; border-bottom:none;}
.Tabtitle div.now{ background:#fff; height:41px; border-bottom:1px solid #fff;}

/*下载模块*/
#downloadlist{ border-top:1px solid #ccc; }
#downloadlist dl{ display:-webkit-box; border-bottom:1px solid #ccc;}
#downloadlist dl dt{ -webkit-box-flex:1;}
#downloadlist dl dt a{ display:block; padding:15px 8px;}
#downloadlist dl dt h3.title{ font-weight:normal; color:#333;}
#downloadlist dl dt h3.title .hot{ color:#f00;}
#downloadlist dl dt div.desc{ color:#999; font-size:10px;}
#downloadlist dl dt div.desc span{ margin-right:5px;}
#downloadlist dl dd{ width:70px; border-left:1px solid #ccc;}
#downloadlist dl dd a{ display:block; padding:4px 0px 8px; text-align:center; height:100%;}
#downloadlist dl dd span{ display:block; width:70px; height:37px; background:url(../images/dwn.png) no-repeat 50% 50%; background-size:26px;}
#downloadlist dl dd p{ line-height:1; font-size:11px; color:#666;}
#showdownload h1.title{ font-size:18px; padding:10px 10px 0px; line-height:1.2;}
#showdownload .paralist{ padding:0px 10px;}
#showdownload .paralist li{ display:-webkit-box; padding:8px 0px; border-bottom:1px solid #eee; }
#showdownload .paralist li a{ color:#08c; }
#showdownload .paralist li div.pn{ color:#999; }
#showdownload .paralist li div.pv{ -webkit-box-flex:1; }
#showdownload .paralist li:last-child{ border-bottom:none;}
#showdownload .desc{ margin:5px 10px; padding:8px; background:#efefef;}
.downloadmun{ padding:10px;}
.downloadmun .button,.downloadmun .button:visited {
	background: #91bd09;
	display: inline-block;
	padding: 10px 30px 11px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-bottom: 1px solid #888;
	position: relative;
	font-size:16px;
}

/*图片模块*/
#imglist{ margin-left:5px; }
#imglist .img_list li{ float:left; width:50%; }
#imglist .img_list li a{ display:block; margin:5px; margin-left:0px; text-align:center; color:#333; }
#imglist .img_list li img{ max-width:100%; }
#imglist .img_list_2 dl{ border-bottom:1px solid #ccc; padding:20px 0px; display:-webkit-box;}
#imglist .img_list_2 a{display:block;}
#imglist .img_list_2 li:last-child dl{ border-bottom:none!important;}
#imglist .img_list_2 dt{ font-size:0px; display:-webkit-box; max-width:80px; margin-left:5px;}
#imglist .img_list_2 dt img{ max-width:80px; max-height:80px;}
#imglist .img_list_2 dt.more{ width:40px; background:url(../images/listmore.png) no-repeat center; background-size:12px;}
#imglist .img_list_2 dd{ margin-left:5px; -webkit-box-flex:1;}
#imglist .img_list_2 dd h4{ font-weight:normal; color:#333; margin-bottom:5px;}
#imglist .img_list_2 dd h4 .hot{ color:#f00;}
#imglist .img_list_2 dd p.desc{ color:#999;}
#showimg h1.title{ font-size:18px; font-weight:normal; padding:10px 10px 0px; line-height:1.2;}
#showimg .pshow{ position:relative; width:100%; overflow:hidden; font-size:0px; text-align:center;}
#showimg .pshow li img{ max-height:300px; width:100%; }
#showimg .pshow li p{ text-align:left; min-height:7px; font-size:12px; }
#showimg .pshow .pointer{ width:100%; height:20px; line-height:20px; text-align:center; }
#showimg .pshow .pointer span{ height: 6px; width: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 3px; display: inline-block; background-color: rgba(0,0,0,.2); }
#showimg .pshow .pointer span.current{ background: #b10000;}

#showimg .paralist{ padding:0px 10px;}
#showimg .paralist li{ display:-webkit-box; padding:8px 0px; border-bottom:1px solid #eee; }
#showimg .paralist li a{ color:#08c; }
#showimg .paralist li div.pn{ color:#999; }
#showimg .paralist li div.pv{ -webkit-box-flex:1; }
#showimg .paralist li:last-child{ border-bottom:none;}
#showimg .desc{ margin:5px 10px; padding:8px; background:#efefef; line-height:1.5;}

/*招聘模块*/
#joblist li{ padding:0px 8px; border-bottom:1px solid #ccc; height:54px;}
#joblist li a{ display:-webkit-box;}
#joblist li h4{ font-weight:normal; color:#000; -webkit-box-flex:1; padding-top:12px;overflow:hidden;}
#joblist li p.t{ height:18px; line-height:18px; overflow:hidden;}
#joblist li p.time{ color :#999; height:18px; line-height:18px; font-size:12px;}
#joblist li p.time span{ margin-right:5px; }
#joblist li span.more{ display:block; width:20px; height:54px; background:url(../images/listmore.png) no-repeat center; background-size:10px; }
#joblist li span.hot{ color:#f00; }
#showjob h1.title{ font-size:18px; padding:10px 10px 0px; line-height:1.2;}
#showjob .paralist{ padding:0px 10px;}
#showjob .paralist li{ display:-webkit-box; padding:8px 0px; border-bottom:1px solid #eee; }
#showjob .paralist li a{ color:#08c; }
#showjob .paralist li div.pn{ color:#999; }
#showjob .paralist li div.pv{ -webkit-box-flex:1; }
#showjob .paralist li:last-child{ border-bottom:none;}
#showjob .desc{ margin:5px 10px; padding:8px; background:#efefef;}
.info_cv{ padding:10px;}
.info_cv .button,.info_cv .button:visited {
	background: #91bd09;
	display: inline-block;
	padding: 10px 30px 11px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-bottom: 1px solid #888;
	position: relative;
	font-size:16px;
}
/*在线留言*/
#messagelist{ padding-bottom:10px;}
#messagelist .metlist{ margin-bottom:10px; border:3px solid #dedede; padding:5px; margin:8px; word-wrap:break-word;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.4; }
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.4; }

/*会员登录*/
#memberbox li.radio span.name{ text-align:center; padding:2px 0px; font-size:16px;}
#memberbox .member_login_more{ display:-webkit-box; height:35px; line-height:35px; padding-bottom:20px; padding-left:20px;}
#memberbox .member_login_more a{ -webkit-box-flex:1; display:block; color:#08c; text-align:center; background:#efefef; margin-right:20px;}
/*会员首页*/
#member_basic{ background:#eee; }
#member_basic li{ padding:15px 10px; border-bottom:1px solid #ddd; margin:0px 0px 10px; border-top:1px solid #ddd;
background:#fff url(../images/listmore.png) no-repeat 96% center; background-size:10px;
}
#member_basic li:first-child{ border-top:none;}
#member_basic li:last-child{ margin-bottom:0px;}
#member_basic li.an{ background:#fff;}
#member_basic li a{ display:block; color:#333;}
#member_basic li div.title{ font-size:18px; margin-bottom:5px;}
#member_basic li div.title span{ margin-left:8px; color:#aaa;}
#member_basic li div.desc{ display:block; color:#aaa;}
#member_basic li div.desc span{ margin-right:10px;}
/*反馈信息列表*/
.member_list li{ padding:15px 10px; border-bottom:1px solid #ddd; background:#fff url(../images/listmore.png) no-repeat 96% center; background-size:10px;}
.member_list li:first-child{ border-top:none;}
.member_list li:last-child{ margin-bottom:0px;}
.member_list li.an{ background:#fff;}
.member_list li a{ display:block; color:#333;}
.member_list li div.title{ font-size:18px; }
.member_list li div.title span{ margin-left:8px; color:#aaa;}
.member_list li div.desc{ display:block; color:#aaa;}
.member_list li div.desc span{ margin-right:10px;}
/*反馈信息详情*/
.member_detail{ background:#eee; word-wrap:break-word; }
.member_detail li{ line-height:1.4; padding:15px 10px; border-bottom:1px solid #ddd; margin:0px 0px 0px; background:#fff; display:-webkit-box;}
.member_detail li div.name{ width:80px; text-align:right; font-size:16px;}
.member_detail li div.val{ -webkit-box-flex:1; text-align:left; padding-left:10px; font-size:16px;color:#999; }
/*友情链接*/
#linklist{ background:#f5f5f5;}
#linklist dl{ padding:10px; }
#linklist dl dt{ padding:5px; color:#999;}
#linklist dl dd li{ padding:10px; border:1px solid #ddd; border-bottom:none; background:#fff; }
#linklist dl dd li img{ max-width:100%;}
#linklist dl dd li:last-child{ border-bottom:1px solid #ddd; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
#linklist dl dd li:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px;}
#linklist dl dd li a{ color:#000;}
/*站内搜索*/
#searchlist{ margin:10px; padding-bottom:1px; }
#searchlist li{ margin-bottom:20px;}
#searchlist li span.search_title{ display:block; text-decoration:underline;}
#searchlist li a{ display:block; color:#0061b4;}
#searchlist li span.search_title em{ color:#f00; text-decoration:underline;}
#searchlist li span.search_content{ display:block; color:#333; padding:3px 0px;}
#searchlist li span.search_updatetime{ display:block; color:#999;}
/*网站地图*/
#sitemaplist{ padding:10px; }
#sitemaplist dl{ color:#333; margin-bottom:15px;}
#sitemaplist dl a{ color:#333; }
#sitemaplist h2{ padding:10px 0px 10px 10px; background-color: #3072b3; background-image: linear-gradient(#599bdc, #3072b3); }
#sitemaplist h2 a{ color:#fff; font-weight:normal; font-size:16px; display:block; background:url(../images/navmore.png) no-repeat 98% center; background-size:14px;}
#sitemaplist h3{ padding:15px 10px; border:1px solid #ccc; border-bottom:none; background:#fff url(../images/listmore.png) no-repeat 98% center; background-size:14px; }
#sitemaplist h3 a{ font-weight:normal; font-size:16px; display:block;}
#sitemaplist dd.sitemapclass2:last-child{ border-bottom:1px solid #ccc;}
#sitemaplist dd.sitemapclass2 div{padding:8px 0px; border:1px solid #ccc; border-bottom:none; background:#fff; overflow:auto; }
#sitemaplist dd.sitemapclass2 h4{ float:left; padding:3px 0px; width:33%; text-align:center;}
/*表单*/
.metinfo_mobile_form{ padding-top:10px;}
.metinfo_mobile_form li{ margin:10px auto; padding: 5px 20px 5px 0px; padding-left: 20px; position:relative;}
.metinfo_mobile_form li:last-child{ margin-top:0px!important;}
.metinfo_mobile_form li span.info{ display:block; width:100%; padding-bottom:5px; color:#999;}
.metinfo_mobile_form li .xbox{ padding-right:23px;}
.metinfo_mobile_form li.select .xbox,.metinfo_mobile_form li.radio .xbox{ padding-right:0px;}
.metinfo_mobile_form li input.input-text{ 
	width: 100%;
	border:1px solid red;
	height: 40px;
	padding: 0px 10px;
	line-height: normal;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: 1px 1px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
}
.metinfo_mobile_form li textarea.textarea-text{ 
	width: 100%;
	height: 130px;
	padding: 10px;
	line-height: 20px;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd));
	resize:none;
}
.metinfo_mobile_form li.radio{ padding:0px; margin:10px 20px;}
.metinfo_mobile_form li.radio span.name,.metinfo_mobile_form li.select span.name{ display:block; height:30px; line-height:30px; padding:0px 10px; border:1px solid #3072b3; border-bottom:none; }
.metinfo_mobile_form li.radio span.name,.metinfo_mobile_form li.select span.name{
    color: #fff; 
    background-color: #3072b3;
    background-image: linear-gradient(#599bdc, #3072b3);
}
.metinfo_mobile_form li.radio label{ display:block; text-align:left;height:38px; line-height:38px; padding-left:10px; }
.metinfo_mobile_form li.radio label{
    overflow: visible; 
    border: 1px solid #d4d4d4; 
    text-decoration: none; 
	border-top:0px;
    color: #333; 
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
}
.metinfo_mobile_form li.radio label input{ position:relative; top:2px; margin-right:5px;}
.metinfo_mobile_form .input-submit{ padding: 0px 20px 20px;}
.metinfo_mobile_form .input-submit input,.metinfo_mobile_form .input-submit input:visited {
	background: #91bd09;
	display: inline-block;
	padding: 10px 30px 11px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	width:100%;
	font-size:20px;
	-webkit-appearance: none;
}
.metinfo_mobile_form li.select{ padding:0px; margin:10px 20px;}
.metinfo_mobile_form li.select select{ display:block; width:100%; height:40px; line-height:40px; background:#ececec; border:1px solid #d4d4d4; padding-left:5px; outline: none; }
.metinfo_mobile_form li.txtname{ display:-webkit-box;}
.metinfo_mobile_form li.txtname div.name{ width:100px; text-align:left; font-size:16px;}
.metinfo_mobile_form li.txtname div.val{ -webkit-box-flex:1; text-align:left; padding-left:10px; font-size:16px;color:#999; }
.metinfo_mobile_form li.txtname div.val img{ max-width:100%; }

/*上一条下一条*/
.met_page ul.preul{ display:-webkit-box; padding-bottom:10px; }
.met_page ul.preul li{ -webkit-box-flex:1; background:#efefef; overflow:hidden; color:#333;}
.met_page ul.preul li a{ display:block; color:#333!important;}
.met_page ul.preul li p.pret{ margin-bottom:5px;}
.met_page ul.preul li p.pres{ line-height:1.2;}
.met_page ul.preul li.preinfo{ text-align:right; padding:10px; margin-right:3px; padding-left:15px; background:#efefef url(../images/listmoreanti.png) no-repeat 3px center; background-size:10px; }
.met_page ul.preul li.nextinfo{ text-align:left; padding:10px; margin-left:3px; padding-right:15px; background:#efefef url(../images/listmore.png) no-repeat 98% center; background-size:10px; }
.met_page ul.preul li.nor{ color:#999; background:#efefef;}